// 重写element-ui 里面按钮的一些样式
@import './mixin.scss';
@import './variables.scss';

// 重写主题按钮配色
.el-button--default {
  @include theme-button(#e912c5);
}
.el-button--primary {
  @include theme-button(#00ffff);
}
.el-button--success {
  @include theme-button(#02fea0);
}
.el-button--warning {
  @include theme-button(#fffb00);
}
.el-button--error {
  @include theme-button(rgb(252, 96, 48));
}
.el-button--info {
  @include theme-button(#909399);
}
.el-button--text {
  border: none !important;
  outline: none !important;
  background: transparent !important;
  &:hover {
    color: #02fea0 !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
  }
}
// 提示框标题
.el-message-box__title {
  color: $themeColor !important;
}

.el-message-box {
  @include border('border_color', 0.3, 1px, solid, '', '', '', '');
  border-radius: 5px;
}

.el-input__inner {
  background: rgba($color: $normalColor, $alpha: 0.1) !important;
  color: $white;
  // border-color: rgba($color: $borderColor, $alpha: 0.5) !important;
  border: 0;
}

.el-upload {
  input[type='file'] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}

.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}

.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

.el-dropdown-menu {
  a {
    display: block
  }
}

.el-range-separator {
  box-sizing: content-box;
}
